<script setup lang="ts">
	import VSlot from './SlotExit.vue';
	import { ElTag, ElText } from 'element-plus';
</script>
<template>
	<fieldset>
		<ElTag type="danger">
			<h3>插槽</h3>
		</ElTag>
		<v-slot>
			<!-- 未写插槽名,则使用默认值 default -->
			<template #>
				<ElText type="primary">插槽内容</ElText>
			</template>
			<!--content:插槽名(可选),默认为'default',scope:(可选) 插槽出口传来的属性 -->
			<template #['content']="scope">
				<ElText link type="success">来自:{{ scope.message }}</ElText>
			</template>
		</v-slot>
	</fieldset>

</template>
<style scoped>
	fieldset {
		display: flex;
		align-items: center;
	}
</style>